// 发邮件按钮
$('.senEmail').click(function () {
    $('.sendOutBox').css('display', 'block');
    $('.receiveBox').css('display', 'none');
    $('#emailPage').css('display', 'none');
})
// 收件箱按钮
$('.collectEmail').click(function () {
    $('.receiveBox').css('display', 'block');
    $('.sendOutBox').css('display', 'none');
    $('#emailPage').css('display', 'block');
})

// 验证邮箱
let emailReg = /([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
let emailText
setInterval(checkInput, 200)
$('.input1').change(checkInput)
function checkInput() {
    emailText = $('.input1').val()
    if (emailReg.test(emailText)) {
        $('.input1')[0].style.color = 'green'
    } else {
        $('.input1')[0].style.color = 'red'
    }
}
// 封装一个时间格式为20XX-XX-XX
let nowTime = '';
function formatTime() {
    let myDate = new Date();
    let year = myDate.getFullYear();
    let month = myDate.getMonth() + 1;
    let day = myDate.getDate();
    let hour = myDate.getHours();
    let minute = myDate.getMinutes();
    let second = myDate.getSeconds();
    nowTime = `${year}-${month}-${day}`;
}
formatTime()
// 判断日程是否有值
let emailDate = '';
function checkDate() {
    if ($('#test1').val() != '') {
        emailDate = $('#test1').val();
    } else {
        emailDate = nowTime;
    }
}
// 发送
$('.submitBtn').click(function () {
    if ($('.input1')[0].style.color == 'green') {
        if ($('.input2').val() != '') {
            checkDate()
            let str =
                `<tr>
            <th><input type="checkbox"></th>
            <th>未读</th>
            <td>${$('.selfName').text()}</td>
            <td>${$('.input2').val()}</td>
            <td><p>${$('.input3').val()}</p></td>
            <td>${emailDate}</td>
            </tr>`
            $('.emailContent').prepend(str);
            layer.alert('发送成功')
            $('.input1').val('');
            $('.input2').val('');
            $('.input3').val('');
        } else {
            layer.alert('请输入邮件主题')
        }
    } else if ($('.input1')[0].style.color = 'red') {
        layer.alert('邮箱格式不正确')
    }
})

// 重置
$('.resetBtn').click(function () {
    $('.input1').val('');
    $('.input2').val('');
    $('.input3').val('');
    $('#test1').val('');
})
// 关闭
$('.closeBtn').click(function () {
    $('.input1').val('');
    $('.input2').val('');
    $('.input3').val('');
    $('.receiveBox').css('display', 'none');
    $('.sendOutBox').css('display', 'none');
})
// 添加附件
$('.enclosureBtn').click(function () {
    $('.enclosure').html('');
    $('.enclosure').append(`<input class='enclosure'>`)
    $('.enclosure').attr('type', 'file')
})
// 日历
layui.use('laydate', function () {
    let laydate = layui.laydate;
    laydate.render({
        elem: '#test1'
    });
});
// 渲染最近联系人
$.ajax({
    url: "./js/data-teacher.json",
    dataType: "json",
    success: function (data) {
        let list = '';
        let email = '';
        for (let i = 0; i < data.data.length; i++) {
            list += `<li>${data.data[i].userName} ${data.data[i].Email}</li>`
        }
        $('.recentContactsBox').html(`${list}`)
        // 快速添加收件人
        $('.recentContactsBox li').click(function () {
            let name = this.innerText;
            $('.input1').val(`${name}`)
        })
    }
})

// 全选
$(document).on('click', '.selectAll', function () {
    let checkBox = $('.emailContent input')
    for (let i = 0; i < checkBox.length; i++) {
        if (checkBox[i].checked) {
            $(checkBox[i]).prop('checked', false)
        } else {
            $(checkBox[i]).prop('checked', true)
        }
    }
})
// 删除
$(document).on('click', '.deleteEmail', function () {
    let checkBox = $('.emailContent input')
    if (confirm('确认删除吗') == true) {
        for (let i = 0; i < checkBox.length; i++) {
            if (checkBox[i].checked) {
                $(checkBox[i]).parent().parent().remove()
            }
        }
    }

})
// 查看邮件
$(document).on('click', '.emailContent p', function () {
    layer.alert(`
    发件人：${$(this).parent().parent().children()[2].innerText}
    <br />
    主题：${$(this).parent().parent().children()[3].innerText}
    <br />
    正文：${$(this).parent().parent().children()[4].innerText}
    <br />
    时间：${$(this).parent().parent().children()[5].innerText}
    `)
    $(this).parent().parent().children()[1].innerText = '已读'
})
// 全部已读
$('.readAll').click(function(){
    let checkBox = $('.emailContent input')
    for (let i = 0; i < checkBox.length; i++) {
        $(checkBox[i]).parent().next().text('已读')
    }
})
// 分页
